<template>
  <view>
    <tn-navbar>车场参数</tn-navbar>
    <view class="tn-m-sm ">
    <!-- 车场参数的内容 -->
    <tn-switch-tab v-model="currentTabIndex" :tabs="tabs" inactive-bg-color="tn-gradient-bg__blue" inactive-text-color="tn-white">
    <view v-show="currentTabIndex === 0" >
       <param-base-from ref="baseFormRef"/>
  
      </view>
    <view v-show="currentTabIndex === 1" class=" ">
      <param-in-out-from  ref="inOutFormRef"/>
    </view>
    <view v-show="currentTabIndex === 2" >

      <param-moth-car-from   ref="mothCarFormRef" />

    </view>

    <view v-show="currentTabIndex === 3"  >
      
      <param-service-from  ref="serviceFormRef"/>
    </view>
  </tn-switch-tab></view>



  </view>
</template>

<script setup lang="ts">
  import { ref } from 'vue';
  import {   COMMON_YES_NO } from "@/utils/dict"; // 引入字典
import { onLoad } from "@dcloudio/uni-app"; 
import ParamBaseFrom from './components/parkingParameters/parkingParamBaseForm.vue';
import ParamInOutFrom from './components/parkingParameters/parkingParamInOutForm.vue';
import ParamMothCarFrom from './components/parkingParameters/parkingParamMothCarForm.vue';
import ParamServiceFrom from './components/parkingParameters/parkingParamServiceForm.vue';
 


  // 当前选中的标签索引
  const currentTabIndex = ref(0)
  
  const tabs = ['基本参数', '进出场参数','月租车参数','服务商']
  const baseFormRef = ref();
  const inOutFormRef = ref();
  const mothCarFormRef = ref();
  const serviceFormRef = ref();
 
 onLoad(() => { 
 });
  </script>
  

<style scoped>

:deep(.tn-radio-group){ 
  justify-content: space-around;
}
/* 样式 */
</style>
